<template>
	<div class="footer-wrapper">
		<!-- <div v-if="isIpx" class="iphonex-footer-bg"></div> -->
		<div id="footer" :class="['shadow',isIpx ? 'iphonex-footer' : '', 'acea-row'] ">
			<div 
			class="ctr item"
			v-for="(item, idx) in footerList"
			:key="idx"
			:class="{ on: item.code == tabtarIndex && isIndex }"
			@click="changeTabBar(item)"
			>
				<div class="iconfont iconfont_img">
					<image 
						:src="imgUrl + item.icon2"
						alt=""
						v-if="item.code == tabtarIndex && isIndex"
					/>
					<image :src="imgUrl + item.icon1" alt="" v-else />
				</div>
				<div>{{ item.name }}</div>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name: "Footer",
		props: {
			// footerConfig: {
			//   type: Array,
			//   default: () => []
			// },
			isIndex: {
				type: Boolean,
				default: false
			}
		},
		data: function() {
			return {
				imgUrl:this.$VUE_APP_RESOURCES_URL,
				phone: "",
				footerList: [
					{
						code:"index",
						icon1:"home.png",
						icon2:"home_sel.png",
						name:"首页"
					},
					{
						code:"kecheng",
						icon1:"kecheng.png",
						icon2:"kecheng_sel.png",
						name:"课程",
						url:"/pages/launch/tabs/course"
					},
					{
						code:"kecheng",
						icon1:"kecheng.png",
						icon2:"kecheng_sel.png",
						name:"购物车",
						url:"/pages/launch/tabs/course"
					},
					{
						code:"my",
						icon1:"user.png",
						icon2:"user_sel.png",
						name:"我的"
					},
				],
				isIpx: false
			};
		},
		created() {
			// this.getFooterConfig();
			console.log("imgUrl",this.$VUE_APP_RESOURCES_URL);
		},
		computed: {
			...mapState(["tabtarIndex", "isTopic"]),
			// actions() {
			// 	if (this.footerList) {
			// 		let index = this.footerList.findIndex(item => item.code == "service");
			// 		// console.log(index, "this.footerList");
			// 		if (index != -1) {
			// 			let action = this.footerList[index].remarks;
			// 			action = JSON.parse(action);
			// 			let actions = [];
			// 			// console.log(action, "action");
			// 			action.serviceType.forEach(item => {
			// 				if (item == "online") {
			// 					actions.unshift({
			// 						name: "在线联系",
			// 						openType: "contact"
			// 					});
			// 				}
			// 				if (item == "call") {
			// 					actions.push({
			// 						name: "拨打电话",
			// 						type: "phone"
			// 					});
			// 					this.phone = action.phone;
			// 				}
			// 			});
			// 			return actions;
			// 		}
			// 	}
			// },
			// footerConfig() {
			// 	let val = this.isactive;
			// 	if (val && val.data && val.data.value == 1) {
			// 		this.footerList.forEach(item => {
			// 			if (item.code == "cata") {
			// 				item.name = "分组";
			// 			}
			// 		});
			// 	}
			// 	return this.footerList;
			// }
		},
		// 监听页面滚动
		// onPageScroll(e) {
		// 	if (!this.isIndex) return;
		// 	if (!this.tabtarIndex) {
		// 		this.changeTabtar("index");
		// 	}
		// 	let index = this.footerList.findIndex(
		// 		item => this.tabtarIndex == item.code
		// 	);
		// 	if (index != -1) {
		// 		this.footerList[index].scrollTop = e.scrollTop;
		// 	}
		// },
		// mounted() {
		// 	let that = this;
		// 	// this.changeTabtar(this.$route.query.type);
		// 	// wx.getSystemInfo({
		// 	//   success: function(res) {
		// 	//     console.log(res);
		// 	//     var name = "iPhone X";
		// 	//     if (res.model.indexOf(name) > -1) {
		// 	//       that.isIpx = true;
		// 	//     }
		// 	//   }
		// 	// });
		// 	// this.isActive();
		// }
		methods: {
			/* ...mapActions(["changeTabtar"]), */
			/* toFindings() {
				wx.navigateTo({
					url: "/pages/findings/index/main"
				});
			}, */
			
			/* getFooterConfig() {
				getFooterConfig().then(res => {
					this.footerList = res.data.content;
					this.footerList.forEach((item,index)=>{
						if(item.isShow == 0){
							this.footerList.splice(index,1);
						};
					});
					this.footerList.sort(item=>-item.id);
					console.log(this.footerList);
					// console.log(res.data, "footerConfig");
				});
			}, */
			//是否开启分组
			/* isActive() {
				isActive()
					.then(res => {
						this.isactive = res;
					})
					.catch(err => {});
			}, */
			// TabBar切换
			/* changeTabBar(val) {
				if (val.code == "service") {
					this.serviceShow = true;
				} else if (val.code == "kecheng") {
					wx.navigateTo({
						url: val.url
					});
				} else {
					this.changeTabtar(val.code).then(() => {
						this.$emit('changeTab',val.code);
					});
					if (!this.isIndex) {
						wx.navigateTo({
							url: "/pages/launch/main?type=" + val.code
						});
					}
				}
			}, */
		}
	};
</script>

<style lang="less" scoped>
.footer-wrapper{
	border:1px solid red;
}
</style>
